<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<title>省广首页</title>
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
	</head>
	<body>
		<header>
			<div class="search fr">
				<img src="common/asset/images/search.png"/>
			</div>
			<div class="bar">
				<a href="login.html">
					<img src="common/asset/images/nav.png"/>
				</a>
			</div>
			<div class="logo">
				<img src="common/asset/images/logo.png"/>
			</div>
		</header>
		<!--banner-->
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<img src="images/banner.png"/>
		        </div>
		        <div class="swiper-slide">
		        	<img src="images/banner.png"/>
		        </div>
		        <div class="swiper-slide">
		        	<img src="images/banner.png"/>
		        </div>
		        <div class="swiper-slide">
		        	<img src="images/banner.png"/>
		        </div>
		    </div>
		     <!--如果需要分页器--> 
		    <div class="swiper-pagination"></div>
		</div>
		<div class="content">
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_01.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>120</p>
						</div>
						<div class="time fr">
							<p><span>2小时前</span> [案例观点]</p>
						</div>
					</div>
				</div>
			</div>
			<div class="hr"></div>
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_02.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>886</p>
						</div>
						<div class="time fr">
							<p><span>5小时前</span> [课程]</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="cont_line"></div>
		<div class="art_wrap oth">
			<div class="title">
				<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
			</div>
			<div class="show_pic clearfix">
				<div class="spic_wrap fl">
					<img src="images/home_pic_03.png"/>
				</div>
				<div class="spic_wrap fl">
					<img src="images/home_pic_04.png"/>
				</div>
				<div class="spic_wrap fl mr">
					<img src="images/home_pic_05.png"/>
				</div>
			</div>
			<div class="show_b clearfix">
				<div class="showb_wrap fl">
					<div class="head_por fl">
						<img src="images/head_portrait.png"/>
					</div>
					<div class="name fl">
						<p>陈正光</p>
					</div>
				</div>
				<div class="showb_wrap fl">
					<div class="comment">
						<img src="images/comment.png"/>
						<p>6868</p>
					</div>
				</div>
				<div class="showb_wrap fl mr">
					<div class="like">
						<img src="images/like.png"/>
						<p>4808</p>
					</div>
				</div>
				<div class="showb_wrap fr mr">
					<div class="time">
						<p><span>两天前</span> [案例观点]</p>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_06.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>6</p>
						</div>
						<div class="time fr">
							<p><span>两天前</span> [新闻]</p>
						</div>
					</div>
				</div>
			</div>
			<div class="hr"></div>
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_07.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>120</p>
						</div>
						<div class="time fr">
							<p><span>两天前</span> [项目]</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="art_wrap oth">
			<div class="title">
				<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
			</div>
			<div class="show_pic clearfix">
				<div class="spic_wrap fl">
					<img src="images/home_pic_08.png"/>
				</div>
				<div class="spic_wrap fl">
					<img src="images/home_pic_09.png"/>
				</div>
				<div class="spic_wrap fl mr">
					<img src="images/home_pic_10.png"/>
				</div>
			</div>
			<div class="show_b clearfix">
				<div class="showb_wrap fl">
					<div class="head_por fl">
						<img src="images/head_portrait.png"/>
					</div>
					<div class="name fl">
						<p>陈正光</p>
					</div>
				</div>
				<div class="showb_wrap fl">
					<div class="comment">
						<img src="images/comment.png"/>
						<p>6868</p>
					</div>
				</div>
				<div class="showb_wrap fl mr">
					<div class="like">
						<img src="images/like.png"/>
						<p>4808</p>
					</div>
				</div>
				<div class="showb_wrap fr mr">
					<div class="time">
						<p><span>两天前</span> [案例观点]</p>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_11.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>120</p>
						</div>
						<div class="time fr">
							<p><span>两天前</span> [新闻]</p>
						</div>
					</div>
				</div>
			</div>
			<div class="hr"></div>
			<div class="art_wrap clearfix">
				<div class="pic fr">
					<img src="images/home_pic_12.png"/>
				</div>
				<div class="wrap_cont">
					<div class="title">
						<h3>#苍井空#互联网卖内衣全球 引爆声量飙至7.9亿</h3>
					</div>
					<div class="wc_b clearfix">
						<div class="like fl">
							<img src="images/like.png"/>
							<p>886</p>
						</div>
						<div class="time fr">
							<p><span>两天前</span> [项目]</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="load">
			<p>加载更多</p>
		</div>
		<div class="foot_space"></div>
		<footer>
			<div class="nav">
				<ul>
					<li>
						<a href="index.html" class="active">
							<img src="common/asset/images/home_red.png"/>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="gimc.html">
							<img src="common/asset/images/gime.png"/>
							<p>GIMC</p>
						</a>
					</li>
					<li>
						<a href="article.html">
							<img src="common/asset/images/article.png"/>
							<p>文章</p>
						</a>
					</li>
					<li>
						<a href="resource.html">
							<img src="common/asset/images/resource.png"/>
							<p>资源</p>
						</a>
					</li>
					<li>
						<a href="course.html">
							<img src="common/asset/images/college.png"/>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</div>
		</footer>

		<script src="js/rem.js"></script>
		<script src="js/swiper.min.js"></script>
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    loop: true, // 循环模式选项
		    autoplay:true,//自动切换
		    
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    },
		  }) 
		</script> 
	</body>
</html>
